{template header.html}
<?php $aboutusy_gsjj=dr_site_value('aboutusy_gsjj');?>
<?php $aboutusy_ryzs=dr_site_value('aboutusy_ryzs');?>
<?php $aboutusy_tjcp=dr_site_value('aboutusy_tjcp');?>
<?php $aboutusy_banner=dr_site_value('aboutusy_banner');?>
	<style>
		.header_263_1 .headerWrapper {
			position: relative
		}

		.header_263_1 #header {
			width: 100%;
			max-width: 1920px;
			height: 111px;
			margin: auto;
			background: #fff
		}

		.header_263_1 #header .header_in {
			width: 100%;
			background: #fff;
			transition: all 0.3s
		}

		.header_263_1 #header .header_in.fixed {
			position: fixed;
			left: 0;
			top: 0;
			z-index: 100
		}

		.header_263_1 #header .top_h {
			width: 100%;
			border-bottom: 1px solid #f3f3f3
		}

		.header_263_1 #header .top_h .feature_box {
			margin: 0 auto;
			width: 1440px
		}

		.header_263_1 #header .top_h .feature_box .features {
			float: right;
			width: 300px;
			height: 40px;
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between
		}

		.header_263_1 #header .top_h .feature_box .features .f_btn {
			display: block;
			height: 100%;
			line-height: 40px;
			font-size: 12px;
			color: #555;
			font-family: 'Montserrat Medium';
			text-decoration: none
		}

		.header_263_1 #header .top_h .feature_box .features .f_search {
			position: relative
		}

		.header_263_1 #header .top_h .feature_box .features .f_search .f_btn {
			width: 43px;
			padding-left: 22px;
			background: url({HOME_THEME_PATH}image/search_btn.png) no-repeat left
		}

		.header_263_1 #header .top_h .feature_box .features .f_search form {
			opacity: 0;
			position: absolute;
			top: 0;
			right: 0;
			width: 250px;
			height: 39px;
			background: #fff;
			pointer-events: none;
			-webkit-transition: all 300ms ease 0s;
			transition: all 300ms ease 0s;
			border: 1px solid #9cc6cd
		}

		.header_263_1 #header .top_h .feature_box .features .f_search.open form {
			opacity: 1;
			pointer-events: auto
		}

		.header_263_1 #header .top_h .feature_box .features .f_search form input.text {
			padding-left: 10px;
			width: 80%;
			height: 100%;
			background: none;
			border: 0;
			box-sizing: border-box
		}

		.header_263_1 #header .top_h .feature_box .features .f_search form input.sub_btn {
			width: 15%;
			height: 100%;
			background: url({HOME_THEME_PATH}image/search_btn.png) no-repeat center / 50% auto;
			border: 0;
			cursor: pointer
		}

		.header_263_1 #header .top_h .feature_box .features .f_admin .f_btn {
			/* width: 33px;*/
			padding-left: 19px;
			background: url({HOME_THEME_PATH}image/admin_btn.png) no-repeat left
		}

		.header_263_1 #header .top_h .feature_box .features .default_shopping_cart {
			width: 15px;
			background-size: 100%
		}

		.header_263_1 #header .top_h .feature_box .features .f_language {
			height: 100%
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .h_lang {
			height: 100%;
			display: inline-block;
			vertical-align: middle
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .h_lang .f_btn {
			width: 34px;
			font-size: 14px;
			text-transform: uppercase;
			position: relative
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .h_lang .f_btn::before {
			display: block;
			content: '';
			position: absolute;
			right: 0;
			top: 50%;
			margin-top: -3.5px;
			width: 11px;
			height: 7px;
			background: url({HOME_THEME_PATH}image/triangle.png) no-repeat right;
			-webkit-transition: all 0.3s;
			transition: all 0.3s
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .h_lang:hover .triangle:before {
			transform: rotate(180deg)
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .h-user {
			font-size: 0
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .icon {
			position: relative
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .icon .layer {
			padding: 0 10px;
			width: 135px;
			border-radius: 8px;
			text-align: center;
			background: #fff;
			position: absolute;
			top: 102%;
			left: 50%;
			-webkit-border-radius: 8px;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			z-index: 100;
			max-height: 690px;
			overflow-y: auto
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .icon .layer::-webkit-scrollbar {
			display: none
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .icon .layer a {
			margin: 10px 0;
			line-height: 25px;
			font-size: 14px;
			color: #000;
			font-weight: bold;
			text-decoration: none
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .icon .layer a+a {
			border-top: 1px solid rgba(255, 255, 255, 0.2)
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .icon .layer a:hover {
			text-decoration: underline
		}

		.header_263_1 #header .top_h .feature_box .features .f_language .icon:hover .layer {
			opacity: 1;
			visibility: visible
		}

		.header_263_1 #header .header_box {
			margin: 0 auto;
			width: 1440px;
			height: 70px
		}

		.header_263_1 #header .header_box .logo_box {
			float: left;
			height: 100%;
			width: 200px
		}

		.header_263_1 #header .header_box .logo_box .logo {
			width: 100%;
			height: 100%;
			position: relative
		}

		.header_263_1 #header .header_box .logo_box .logo a {
			display: block;
			height: 100%
		}

		.header_263_1 #header .header_box .logo_box .logo a img {
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			margin: auto
		}

		.header_263_1 #header .header_box .navbar {
			float: right;
			width: calc(100% - 200px);
			display: flex;
			-webkit-justify-content: flex-end;
			justify-content: flex-end
		}

		.header_263_1 #header .header_box .navbar .nav_box {
			width: calc(100% - 100px);
			height: 70px;
			display: flex;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-webkit-transition: all 300ms ease 0s;
			transition: all 300ms ease 0s
		}

		.header_263_1 #header .header_box .navbar .nav_box .default_nav_style {
			display: flex;
			justify-content: flex-end
		}

		.header_263_1 .default_nav_style .n_item {
			line-height: 70px
		}

		.header_263_1 .default_nav_style .n_item>a {
			font-size: 14px;
			color: #222;
			font-family: 'Montserrat';
			text-transform: uppercase;
			transition: all .1s;
			height: 70px;
			overflow: hidden
		}

		.header_263_1 .default_nav_style .n_item:hover>a {
			color: #506ef5
		}

		.header_263_1 .default_nav_style .small_nav_sec .nav_sec_item a,
		.header_263_1 .default_nav_style .small_nav_sec .nav_sec_item dt a {
			font-weight: bold;
			font-size: 14px
		}

		.header_263_1 #header .header_box .navbar .quote {
			width: max-content
		}

		.header_263_1 #header .header_box .navbar .quote a {
			display: block;
			padding-left: 30px;
			width: max-content;
			height: 100%;
			line-height: 70px;
			font-size: 14px;
			color: #506ef5;
			font-family: 'Montserrat';
			background: url({HOME_THEME_PATH}image/quote.png) no-repeat left;
			text-decoration: none
		}

		.header_263_1 #header .header_box .navbar .quote a:hover {
			color: #495060;
			background: url({HOME_THEME_PATH}image/quote_active.png) no-repeat left;
			transition: all .9s
		}

		body .header_263_1 .ueeshop_responsive_header .header .logo {
			padding: 15px 0
		}

		body .header_263_1 .ueeshop_responsive_header .header .func .btn {
			margin-left: 3%
		}

		@media screen and (max-width: 1680px) {
			.header_263_1 #header .top_h .feature_box {
				width: 85.71%
			}

			.header_263_1 #header .header_box {
				width: 85.71%
			}
		}

		@media screen and (max-width: 1200px) {
			.header_263_1 #header .header_box .logo_box {
				width: 20%
			}

			.header_263_1 #header .header_box .navbar {
				width: 80%
			}
		}

		@media screen and (max-width: 768px) {
			.header_263_1 #header {
				display: none
			}
		}
	</style>
	<script>
		$(function () {
			nav('#header .nav_box', '#header .nav_box .n_item');

			$('.search-form').on('click', function (e) {
				e.stopPropagation();
				if (!$(this).hasClass('open')) {
					$(this).addClass('open');
				}
			});

			$('body').click(function () {
				$('.search-form').removeClass('open');
			});

			$(window).scroll(function () {
				var height = $(".top_h").outerHeight();
				var w_top = $(this).scrollTop();
				if (w_top > height) {
					$('#header .header_in').addClass('fixed');
				} else {
					$('#header .header_in').removeClass('fixed');
				}
			});
		})
	</script>
	<div class="article-content wrap-module">
		<div class="in_ad">
			<div class='bxSlide-outter'
				style='overflow:hidden;margin-left:auto;margin-right:auto; width:auto; max-width:100%; max-height:auto'>
				<script type='text/javascript' src='{HOME_THEME_PATH}js/jquery.bxslider1.js'></script>
				<link href='{HOME_THEME_PATH}css/jquery.bxslider.css' rel='stylesheet' type='text/css'>
				<img src='{dr_get_file($aboutusy_banner)}' width='100%' alt=''>
			</div>
			<div class="ad_con">
				<div class="con_table">
					<div class="con_table_cell">
						<div class="ueeshop_responsive_position clean s1">
							<div class="position" style="height: 60px">
                                <a href='/'>Home</a> &gt; 
                                <a href="{$cat['url']}">{usu_fanyi($cat['name'], $language)}</a> &gt; 
                                <a class='po_cur' href=''>{usu_fanyi('Company Profile',$language)}</a>
                            </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="wrap menu-in-left">
			<div class="art-title">ABOUT US</div>
			<div class="contenter">
				<div class="ueeshop_responsive_article_detail  ">
					<div id="global_editor_contents" class="contents">
						<link rel="stylesheet" href="{HOME_THEME_PATH}css/font6.css" type="text/css">
						<style>
							.article-content .in_ad .ad_con .ueeshop_responsive_position .title {
								color: #000
							}

							.article-content .in_ad .ad_con .ueeshop_responsive_position .position {
								color: #000;
							}

							.article-content .in_ad .ad_con .ueeshop_responsive_position .position a {
								color: #000;
							}

							.menu-in-left .menu-wrap-style {
								display: none;
							}

							body .wrap {
								width: unset;
							}

							#global_editor_contents .brand_title span {
								display: block;
								text-align: center;
							}

							#global_editor_contents .brand_title_t,
							#global_editor_contents .brand_scale_title_t,
							#global_editor_contents .brand_produce_title_t,
							#global_editor_contents .brand_reach_title_t {
								font-size: 36px;
								line-height: 60px;
								color: #000;
							}

							#global_editor_contents .brand_title_b,
							#global_editor_contents .brand_scale_title_b,
							#global_editor_contents .brand_produce_title_b,
							#global_editor_contents .brand_reach_title_b {
								font-size: 18px;
								color: #333;
								font-family: 'Opensans-Regular';
							}

							.brand_title {
								margin-top: 42px;
							}

							.brand_title_b {
								margin-top: 14px;
								line-height: 31px;
							}

							.brand_pro_img {
								width: 100%;
								background: #ebedef;
								margin: 227px 0 0 0;
							}

							.brand_pro_img_center,
							.brand_scale,
							.brand_produce,
							.brand_reach,
							.brand_title_box {
								width: 1200px;
								margin: 0 auto;
							}

							.brand_pro_img_center {
								position: relative;
								min-height: 500px;
							}

							.brand_pro_img_center_l {
								width: fit-content;
								position: absolute;
								bottom: 0;
								padding-bottom: 9.8%;
							}

							.brand_pro_img_center_c {
								position: absolute;
								left: 35%;
								bottom: 0;
								padding-bottom: 18%;
							}

							.brand_pro_img_center_b {
								position: absolute;
								bottom: 0;
								right: 0;
								padding-bottom: 4%;
							}

							#global_editor_contents .brand_scale_title span {
								display: block;
								text-align: center;
							}

							.brand_scale_title {
								margin-top: 104px;
							}

							.brand_scale_title_b {
								margin-top: 14px;
							}

							.brand_scale_box {
								margin-top: 55px;
								display: flex;
								padding: 0px 74px;
								justify-content: space-between;
							}

							#global_editor_contents .brand_produce_title span {
								display: block;
								text-align: center;
							}

							.brand_produce_title {
								margin-top: 104px;
							}

							.brand_produce_title_b {
								margin-top: 16px;
							}

							.brand_produce_box {
								margin-top: 61px;
							}

							.brand_produce_box_main {
								display: flex;
								justify-content: space-between;
								margin-bottom: 35px;
							}

							.brand_produce_box_main:nth-child(even) {
								flex-direction: row-reverse;
							}

							#global_editor_contents .brand_reach_title span {
								display: block;
								text-align: center;
							}

							.brand_reach_title {
								margin-top: 104px;
							}

							.brand_reach_title_b {
								margin-top: 15px;
							}

							.brand_reach_img {
								margin-top: 59px;
							}

							.brand_business_box {
								margin-top: 55px;
								display: flex;
								justify-content: space-between;
							}

							body .article-content .ueeshop_responsive_article_detail>.contents>.share {
								width: 1200px;
								margin: 75px auto 45px auto;
							}


							@media(max-width:1260px) {

								.brand .brand_title_box,
								.brand .brand_scale,
								.brand .brand_produce,
								.brand .brand_reach {
									width: calc(100% - 40px);
								}

								.brand_pro_img_center_l img,
								.brand_pro_img_center_c img,
								.brand_pro_img_center_b img,
								.brand_scale_img img,
								.brand_produce_box_main_l img,
								.brand_produce_box_main_r img,
								.brand_produce_box_main .brand_produce_box_main_l,
								.brand_produce_box_main .brand_produce_box_main_r,
								.brand_business_box .brand_business_box_l,
								.brand_business_box .brand_business_box_r,
								.brand_business_box_l img,
								.brand_business_box_r img {
									width: 100%;
								}

								.brand_title_box .brand_title {
									margin-top: 21px;
								}

								/* .ueeshop_responsive_article_detail #global_editor_contents .brand_title span{font-size: 22px;} */
								/* .ueeshop_responsive_article_detail #global_editor_contents .brand_title span{font-size: 16px;margin-top: 7px;} */
								.brand .brand_pro_img {
									margin: 45px 0 0 0;
									background: #fff;
								}

								.brand_pro_img .brand_pro_img_center {
									position: unset;
									height: unset;
									width: calc(100% - 30px)
								}

								.brand_pro_img_center .brand_pro_img_center_l,
								.brand_pro_img_center .brand_pro_img_center_c,
								.brand_pro_img_center .brand_pro_img_center_b {
									position: unset;
									padding-bottom: 0;
									margin-bottom: 30px;
									width: 100%;
								}

								.brand_scale .brand_scale_title {
									margin-top: 50px;
								}

								.brand_scale .brand_scale_box {
									flex-wrap: wrap;
									padding: 0 20px;
								}

								.brand_scale_box .brand_scale_img {
									width: 100%;
									margin-bottom: 30px;
								}

								.brand_produce .brand_produce_title {
									margin-top: 50px;
								}

								.brand_produce .brand_produce_box {
									padding: 0 20px;
								}

								.brand_produce_box .brand_produce_box_main {
									flex-wrap: wrap;
									margin-bottom: 0;
								}

								.brand_produce_box_main .brand_produce_box_main_l,
								.brand_produce_box_main .brand_produce_box_main_r {
									margin-bottom: 30px;
								}

								.brand_reach .brand_reach_title {
									margin-top: 50px;
								}

								.brand_business .brand_business_box {
									flex-wrap: wrap;
									padding: 0 20px;
								}

								.brand_business_box .brand_business_box_l,
								.brand_business_box .brand_business_box_r {
									margin-bottom: 30px;
								}

								body .article-content .ueeshop_responsive_article_detail>.contents>.share {
									width: 100%;
									margin: 0 30px;
								}
							}

							@media(max-width:768px) {
								.article-content .in_ad .ad_con .ueeshop_responsive_position .position {
									display: none;
								}
							}
						</style>
						<!-- 品牌页面开始 -->
						<div class="brand">
                            <?php if ($aboutusy_gsjj) { $key=0; foreach ($aboutusy_gsjj as $v) { ?>
							<div class="brand_title_box">
								<div class="brand_title">
                                    <span class="brand_title_t">{usu_fanyi('Our Company Profile',$language)}</span> 
                                    <span class="brand_title_b">{usu_fanyi($v[1],$language)}</span>
                                </div>
							</div>
							<div class="brand_pro_img">
								<div class="brand_pro_img_center">
									<div class="brand_pro_img_center_l"><img src="{dr_get_file($v[2])}" alt="">
									</div>
									<div class="brand_pro_img_center_c"><img src="{dr_get_file($v[3])}" alt="">
									</div>
									<div class="brand_pro_img_center_b"><img src="{dr_get_file($v[4])}" alt="">
									</div>
								</div>
							</div>
                            <?php  $key++; } } ?>
                            <?php if ($aboutusy_ryzs) { $key=0; foreach ($aboutusy_ryzs as $v) { ?>
							<div class="brand_scale">
								<div class="brand_scale_title"><span class="brand_scale_title_t">{usu_fanyi('Certificates',$language)}</span> 
                                    <span class="brand_scale_title_b">{usu_fanyi($v[1],$language)}</span></div>
								<div class="brand_scale_box">
									<div class="brand_scale_img" style="margin:5px;"><img src="{dr_get_file($v[2])}" alt=""></div>
									<div class="brand_scale_img" style="margin:5px;"><img src="{dr_get_file($v[3])}" alt=""></div>
									<div class="brand_scale_img" style="margin:5px;"><img src="{dr_get_file($v[4])}" alt=""></div>
								</div>
							</div>
                            <?php  $key++; } } ?>
                            <?php if ($aboutusy_tjcp) { $key=0; foreach ($aboutusy_tjcp as $v) { ?>
							<div class="brand_produce">
								<div class="brand_produce_title"><span class="brand_produce_title_t">{usu_fanyi('Our Products',$language)}</span>
									<span class="brand_produce_title_b">{usu_fanyi($v[1],$language)}</span></div>
								<div class="brand_produce_box">
									<div class="brand_produce_box_main">
										<div class="brand_produce_box_main_l" style="margin:5px;"><img src="{dr_get_file($v[2])}"
												alt=""></div>
										<div class="brand_produce_box_main_r" style="margin:5px;"><img src="{dr_get_file($v[3])}"
												alt=""></div>
									</div>
									<div class="brand_produce_box_main">
										<div class="brand_produce_box_main_l" style="margin:5px;"><img src="{dr_get_file($v[4])}"
												alt=""></div>
										<div class="brand_produce_box_main_r" style="margin:5px;"><img src="{dr_get_file($v[5])}"
												alt=""></div>
									</div>
								</div>
							</div>
                            <?php  $key++; } } ?>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="themes_global_point"></div>
    {template footer.html}

	<script>
		$(function () {
			global_obj.requestHandle();
		})
	</script>
	<style>
		.footer_263_1 #footer {
			width: 100%;
			background: #252525
		}

		.footer_263_1 #footer .footer_box {
			margin: 0 auto;
			padding: 66px 0;
			width: 1440px;
			display: flex;
			flex-wrap: wrap;
			-webkit-justify-content: space-between;
			justify-content: space-between
		}

		.footer_263_1 #footer .footer_box .foo_item ul li {
			margin-top: 20px;
			width: 100%;
			font-size: 14px;
			color: #888888;
			font-family: 'Montserrat'
		}

		.footer_263_1 #footer .footer_box .foo_item ul li a {
			display: block;
			font-size: 14px;
			color: #888888;
			font-family: 'Montserrat Medium';
			text-decoration: none
		}

		.footer_263_1 #footer .footer_box .foo_item ul li a:hover {
			color: rgb(184, 183, 183)
		}

		.footer_263_1 #footer .footer_box .foo_item ul li:first-child {
			margin-top: 0;
			font-size: 16px;
			color: #fff;
			text-transform: capitalize
		}

		.footer_263_1 #footer .footer_box .foo_item ul li:nth-child(2) {
			margin-top: 30px
		}

		.footer_263_1 #footer .footer_box .mode_one {
			margin-left: 38px;
			width: 20%
		}

		.footer_263_1 #footer .footer_box .mode_two {
			margin-left: 30px;
			width: 20%
		}

		.footer_263_1 #footer .footer_box .mode_three {
			margin-left: 35px;
			width: 20%
		}

		.footer_263_1 #footer .footer_box .mode_fout {
			margin-right: 30px;
			width: 23%
		}

		.footer_263_1 #footer .footer_box .mode_fout ul li:nth-child(2) {
			margin-top: 25px
		}

		.footer_263_1 #footer .footer_box .mode_fout ul li:nth-child(2) p {
			line-height: 24px;
			font-family: 'Montserrat Medium'
		}

		.footer_263_1 #footer .footer_box .mode_fout ul li:last-child {
			margin-top: 15px
		}

		.footer_263_1 #footer .footer_box .mode_fout ul li:last-child .share {
			display: flex;
			flex-wrap: wrap;
			margin-left: -3px
		}

		.foot_share .foot_share_box {
			margin-right: 8px
		}

		.footer_263_1 #footer .copy_box {
			width: 100%;
			background: #1f1f1f
		}

		.footer_263_1 #footer .copy_box .copy {
			margin: 0 auto;
			width: 1440px
		}

		.footer_263_1 #footer .copy_box .copy p {
			margin-left: 38px;
			padding-top: 26px;
			padding-bottom: 28px;
			font-size: 16px;
			color: #888888;
			font-family: 'Montserrat Medium'
		}

		.footer_263_1 #footer .copy_box .copy p a {
			color: #888888;
			font-family: 'Montserrat Medium';
			text-decoration: none
		}

		.footer_263_1 #footer .my_partners {
			box-sizing: border-box;
			margin: 0 auto;
			width: 1440px;
			padding: 0 38px
		}

		.footer_263_1 #footer .my_partners .title {
			font-size: 16px;
			color: #fff;
			text-transform: capitalize;
			font-family: 'Montserrat'
		}

		.footer_263_1 #footer .my_partners .left_partner {
			margin: 20px 0
		}

		@media screen and (max-width: 1680px) {
			.footer_263_1 #footer .footer_box {
				width: 85.71%
			}

			.footer_263_1 #footer .copy_box .copy {
				width: 85.71%
			}

			.footer_263_1 #footer .my_partners {
				width: 85.71%
			}
		}

		@media screen and (max-width: 991px) {
			.footer_263_1 #footer .footer_box .mode_one {
				width: 28%
			}

			.footer_263_1 #footer .footer_box .mode_two {
				width: 30%
			}

			.footer_263_1 #footer .footer_box .mode_three {
				width: 26%
			}

			.footer_263_1 #footer .footer_box .mode_fout {
				width: 100%;
				margin-left: 38px;
				margin-top: 45px;
				margin-right: 0
			}
		}

		@media screen and (max-width: 768px) {
			.footer_263_1 #footer .footer_box {
				width: 92.7%;
				padding: 50px 0
			}

			.footer_263_1 #footer .footer_box .foo_item {
				margin-top: 43px
			}

			.footer_263_1 #footer .footer_box .mode_one {
				margin-left: 0;
				margin-top: 0
			}

			.footer_263_1 #footer .footer_box .mode_two {
				margin-left: 0
			}

			.footer_263_1 #footer .footer_box .mode_three {
				margin-left: 0
			}

			.footer_263_1 #footer .footer_box .mode_fout {
				margin-left: 0;
				margin-right: 0
			}

			.footer_263_1 #footer .footer_box .foo_item {
				width: 100%
			}

			.footer_263_1 #footer .footer_box .foo_item ul li {
				display: none
			}

			.footer_263_1 #footer .footer_box .foo_item ul li:first-child .icon {
				margin-top: 2.5vw
			}

			.footer_263_1 #footer .footer_box .foo_item ul li:first-child .icon {
				display: inline-block;
				width: 3.5vw;
				height: 3.5vw;
				float: right;
				margin-top: 2.5vw;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%)
			}

			.footer_263_1 #footer .footer_box .foo_item ul li:first-child .icon::before {
				display: block;
				margin-left: 1.8vw;
				margin-top: 0.1vw;
				content: '';
				width: 0.5vw;
				height: 97%;
				background: #fff;
				-webkit-transition: all 0.3s;
				transition: all 0.3s;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%)
			}

			.footer_263_1 #footer .footer_box .open ul li:first-child .icon:before {
				transform: rotate(90deg)
			}

			.footer_263_1 #footer .footer_box .foo_item ul li:first-child .icon:after {
				display: block;
				content: '';
				position: absolute;
				top: 51%;
				left: 0;
				width: 100%;
				height: 0.5vw;
				background: #fff;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%)
			}

			.footer_263_1 #footer .footer_box .foo_item ul li:first-child {
				display: block;
				font-size: 3.9vw
			}

			.footer_263_1 #footer .footer_box .foo_item ul li a {
				font-size: 3.14vw
			}

			.footer_263_1 #footer .footer_box .foo_item ul li a:hover {
				color: #888888
			}

			.footer_263_1 #footer .footer_box .mode_fout ul li {
				display: block
			}

			.footer_263_1 #footer .footer_box .mode_fout ul li:nth-child(2) p {
				font-size: 3.14vw;
				line-height: 4.7vw
			}

			.footer_263_1 #footer .footer_box .open ul li {
				display: block;
				margin-top: 2vw
			}

			.footer_263_1 #footer .copy_box .copy {
				width: 92.7%;
				height: auto
			}

			.footer_263_1 #footer .copy_box .copy p {
				margin: 0 auto;
				padding-top: 4vw;
				padding-bottom: 4vw;
				width: 70%;
				font-size: 3.125vw;
				text-align: center
			}

			.footer_263_1 #footer .copy_box .copy p a {
				display: block;
				width: 100%;
				font-size: 3.125vw
			}

			.footer_263_1 #footer .my_partners .title {
				font-size: 3.9vw
			}

			.footer_263_1 #footer .my_partners {
				width: 92.7%;
				padding: 0
			}

			.footer_263_1 #footer .my_partners .partners_box {
				text-align: left
			}
		}

		@media screen and (max-width: 550px) {
			.footer_263_1 #footer .footer_box {
				padding: 25px 0
			}

			.footer_263_1 #footer .footer_box .foo_item {
				margin-top: 20px
			}

			.footer_263_1 #footer .footer_box .foo_item:first-child {
				margin-top: 0
			}

			.footer_263_1 #footer .footer_box .foo_item ul li {
				margin-top: 10px
			}
		}
	</style>
	<script>
		$(function () {
			$(".foo_item ul .foo_title").on('click', function () {
				if ($(this).parents('ul').parents('.foo_item').hasClass('open')) {
					$(this).parents('ul').parents('.foo_item').removeClass('open');
				} else {
					$(this).parents('ul').parents('.foo_item').addClass('open').siblings('.foo_item')
						.removeClass('open');
				}
			});
		})
	</script>
</body>

</html>